<div >

    <div>
        <div style="text-align: right;">
            <ol class="breadcrumb">
                <li><a href="#">直报后台管理</a></li>
                <li class="active">角色管理</li>
            </ol>
        </div>
        <div class="container" ng-controller="myRoleTableController">
            <div style="text-align: right;margin-top: 30px;">
                <span style="font-size: 18px;float: left;line-height: 34px;">角色列表</span>
                <button class="btn btn-success" ng-click="showaddrole()">新建角色</button>
            </div>
            <div mt-url="tmpl/rolelist.html" ></div>
            <!-- 新建任务模态框-->
            <div class="modal fade" id="addroleModal" tabindex="-1" role="dialog" aria-labelledby="removetask">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title">新建角色</h4>
                        </div>
                        <div class="modal-body">
                            <div>
                                <div class="row">
                                    <div class="col-md-12 ">
                                        <form>
                                            <div class="form-group">
                                                <label for="rolename">角色名称</label>
                                                <input type="text" class="form-control" id="rolename" placeholder="角色名称"
                                                       ng-model="role.name">
                                            </div>
                                            <div class="form-group">
                                                <label for="explain">说明</label>
                                            <textarea type="text" class="form-control" id="explain" placeholder="说明" ng-model="role.descr"></textarea>
                                            </div>
                                            <div class="checkbox" style="padding-left: 0px;">
                                                <label>
                                                    <input name="1" type="radio" ng-model="role.status" value="1" >启用
                                                </label>
                                                <label>
                                                    <input  name="1" type="radio" ng-model="role.status" value="0">禁用
                                                </label>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary"   ng-click="roleSave()"  >创建</button>
                            &nbsp;
                            <a class="btn btn-default" data-dismiss="modal" >取消</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 编辑任务模态框-->
            <div class="modal fade" id="editroleModal" tabindex="-1" role="dialog" aria-labelledby="removetask">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" >修改角色</h4>
                        </div>
                        <div class="modal-body">
                            <div>
                                <div class="row">
                                    <div class="col-md-12 ">
                                        <form>
                                            <div class="form-group">
                                                <label for="rolename">角色名称</label>
                                                <input type="text" class="form-control" id="rolename" placeholder="角色名称"
                                                       ng-model="role.name">
                                            </div>
                                            <div class="form-group">
                                                <label for="explain">说明</label>
                                                <textarea type="text" class="form-control" id="explain" placeholder="说明" ng-model="role.descr"></textarea>
                                            </div>
                                            <div class="checkbox" style="padding-left: 0px;">
                                                <label>
                                                    <input name="1" type="radio" ng-model="role.status" value="1" >启用
                                                </label>
                                                <label>
                                                    <input  name="1" type="radio" ng-model="role.status" value="0">禁用
                                                </label>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary"   ng-click="editroleSave()"  >保存</button>
                            &nbsp;
                            <a class="btn btn-default" data-dismiss="modal" >取消</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Modal -->
            <div class="modal fade" id="removerole" tabindex="-1" role="dialog" aria-labelledby="removetask">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title">删除角色</h4>
                        </div>
                        <div class="modal-body">
                            您确定要删除该角色吗?
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary"  ng-click="removeRoleSave()">删除</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Modal -->
            <div class="modal fade" id="groupremoved" tabindex="-1" role="dialog" aria-labelledby="groupremoved">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" >删除角色</h4>
                        </div>
                        <div class="modal-body">
                            角色已删除。
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Modal -->
            <div  ng-controller="menuTreeController" class="modal fade" id="menuTreeModal" mt-modal modal-bs-shown="modalShown($event)"  tabindex="-1" role="dialog" aria-labelledby="menuTreeModal">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabe">角色：{{roleName}}  菜单权限：</h4>
                        </div>
                        <div class="modal-body">
                            <form class="form-horizontal">
                                <div class="bet">
                                    <!-- <div class="col-sm-3 col-sm-offset-2" id="col1">
                                        <label class="control-label" for="input1" id="controlLabel1" style="font-size: 14px;text-align: right;">搜索:</label>
                                    </div>
                                    <div class="col-sm-5" id="col2">
                                        <input class="form-control" id="input1" name="project_name" ng-model="project_name">
                                    </div> -->
                                    <div class="col-sm-8 col-sm-offset-2" index="2" style="float: none;">
                                        <ul mt-ztree="option" ztree-init="ztree.init($event)"
                                            ng-model="ztree.sel" class="ztree" ></ul>
                                    </div>

                                </div>
                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal"  ng-click="ok()">确定</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="cancel()">取消</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="roleUserModal" mt-modal modal-bs-shown="modalShown($event)"  tabindex="-1" role="dialog" aria-labelledby="menuTreeModal">
                <div class="modal-dialog" role="document" style="width: 80%">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" >角色：{{roleName}}  用户列表：</h4>
                        </div>
                        <div class="modal-body">
                            <table class="table" mt-table="option1" id="usertable">
                                <thead>
                                <tr>
                                    <th><input style="width: 15px;height: 15px;" type="checkbox" ng-click="selectAll() " id="selectall" >全选</th>
                                    <th>用户名</th>
                                    <th>姓名</th>
                                    <th>电子邮件</th>
                                    <th>联系电话</th>
                                    <th>状态</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td style="width: 60px;"><input type="checkbox"></td>
                                    <td>hejiang</td>
                                    <td>何江</td>
                                    <td>hejiang@cdu-mt.com</td>
                                    <td>13920922275</td>
                                    <td>启用</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal"  ng-click="ok()">保存</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <div >
    </div>

</div>
